<div style="
background: #ECECEC; 
padding:30px; 
width: 100%; 
height: 100%; 
display: flex; 
justify-content: center; 
align-items: center;">
  <nz-card style="width:400px;" [nzBordered]="false">
    <ng-template #title style="text-align: center;">
      登录
    </ng-template>
    <ng-template #body>
      <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="_submitForm()">
        <div nz-form-item>
          <div nz-form-control>
            <nz-input formControlName="user" [nzPlaceHolder]="'用户名'" [nzSize]="'large'">
              <ng-template #prefix>
                <i class="anticon anticon-user"></i>
              </ng-template>
            </nz-input>
            <div nz-form-explain *ngIf="errorMessage.user">
              {{ errorMessage.user }}
            </div>
          </div>
        </div>
        <div nz-form-item>
          <div nz-form-control>
            <nz-input formControlName="password" [nzType]="'password'" [nzPlaceHolder]="'密码'" [nzSize]="'large'">
              <ng-template #prefix>
                <i class="anticon anticon-lock"></i>
              </ng-template>
            </nz-input>
            <div nz-form-explain *ngIf="errorMessage.password">
              {{ errorMessage.password }}
            </div>
          </div>
        </div>
        <div nz-form-item>
          <div nz-form-control>
            <button nz-button style="width: 100%;" class="login-form-button" [nzType]="'primary'" [nzSize]="'large'" [disabled]="!validateForm.valid">登录</button>
          </div>
        </div>
      </form>
    </ng-template>
  </nz-card>
</div>